<template>
<h1>文本相关指令</h1>
<h4>{{info}}</h4>
  <hr>
  {{info+'早上好!'}}
  <button @click="f()">我是按钮</button>
  <br>
  <p v-text="info"></p>
  <p v-html="info"></p>
  <p></p>
</template>


<script setup>
import {ref} from "vue";

const info = ref("测试文本");

const f = ()=>{
  info.value="值变了";
  info.value="值<b>变</b>>了";
}

</script>

<style scoped>

</style>